<script setup>

import { useUserStore } from '../stores/counter';

const store = useUserStore();

function change(){
  store.change_n( 25 );
}


function reset(){
  store.$reset();
}

</script>

<template>
  <div class="about">
    <h1>This is an about page</h1>
    <p>这是状态管理器中的状态：{{ store.n }}</p>
    <p>这是状态管理器中的状态：{{ store.double }}</p>
    <input type="button" value="按钮" @click="change">
    <input type="button" value="重置状态" @click="reset">
  </div>
</template>

<style>
@media (min-width: 1024px) {
  .about {
    min-height: 100vh;
    display: flex;
    align-items: center;
  }
}
</style>
